<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DJI 大疆创新官网 - 未来无所不能</title>
    <link rel="icon" href="https://www1.djicdn.com/dps/d799b11c032df25174fa9273de1347a1@origin.ico">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./reset/reset.css">
    <link rel="stylesheet" href="./DJI-Android.css">
    <link rel="stylesheet" href="./Swiper/swiper.min.css">
</head>

<body>
    <!-- ===================头部 start=================== -->
    <header class="site-header header-closed">
        <nav class="navbar-container">
            <div class="navbar-header">
                <a href="javascript:;" class="navbar-control">
                    <span class="control-icon"></span>
                    <span class="control-icon"></span>
                    <span class="control-icon"></span>
                </a>
                <div class="site-logo">
                    <a href="javascript:;"></a>
                </div>
                <a href="javascript:;" class="navbar-shopingbag">
                    <span class="shopingbag-icon"></span>
                </a>
            </div>
            <div class="navbar-content">
                <ul class="category-list">
                    <li class="category-item">
                        <a href="javascript:;" class="category">
                            消费级产品
                            <i class="fa fa-angle-right"></i>
                        </a>
                        <div class="category-item-menu">
                            <a href="javascript:;" class="controlBtn">
                                <i class="fa fa-angle-left"></i>
                                返回
                            </a>
                            <ul>
                                <li><a href="javascript:;" class="category">御 Mavic 系列</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="shopping-content">
                <a href="javascript:;" class="controlBtn">
                    访问商城
                    <i class="fa fa-angle-right"></i>
                </a>
                <div class="user-login">
                    <span></span>
                    <a href="javascript:;">登录</a>
                </div>
            </div>
        </nav>
    </header>
    <!-- ===================头部 end=================== -->




    <!-- ===================banner start=================== -->
    <section class="homepage-banner">
        <div class="banner-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide slide1">
                    <div class="banner-text">
                        <img src="./DJI-Img/banner/39a2ba5d56dade7649190a1cc7e5088b.svg">
                        <p>转动随心，灵感不停</p>
                    </div>
                    <div class="banner-product"></div>
                </div>
                <div class="swiper-slide slide2">
                    <div class="banner-text">
                        <img src="./DJI-Img/banner/7705d2c815fe67a829206f3838464cbc.svg">
                        <p>你也能飞</p>
                    </div>
                    <div class="banner-product"></div>
                </div>
                <div class="swiper-slide slide3">
                    <div class="banner-text">
                        <img src="./DJI-Img/banner/0b28db72153a5dab6ebaa3f835d01669.svg">
                        <p>更进一步</p>
                    </div>
                </div>
            </div>
            <div class="banner-pagination"></div>
        </div>
    </section>

    <!-- ===================banner end=================== -->



    <!-- ===================grids start=================== -->
    <section class="homepage-grids clearfix">
        <div class="grids-item clearfix">
            <h3>众志成城，共同战“疫”</h3>
            <p>大疆无人机助力安全防疫</p>
        </div>
        <div class="grids-item">
            <img src="./DJI-Img/grids/420632db1d61cb5bcce57eb81d040b43.svg" class="product-text">
            <p>由感于心，卓践于行</p>
            <div class="product-img">
                <img src="./DJI-Img/grids/fb9444c3b0417465ca25c77cc82da25b.png">
            </div>
        </div>
        <div class="grids-item">
            <div class="text-modular">
                <p class="equipment">拍摄设备</p>
                <ul class="equipment-list">
                    <li class="equipment-item equipment-item-active">精灵 Phantom 4 Pro</li>
                    <li class="equipment-item equipment-item-next">“御”Mavic 2</li>
                    <li class="equipment-item equipment-item-prev">“御”Mavic Pro</li>
                </ul>
                <p class="learnMore">
                    更多精彩
                    <i class="fa fa-angle-right"></i>
                </p>
                <ul class="photographer-list">
                    <li class="photographer-active">跟随 ©️ Thavy.tra</li>
                    <li>雪者掠影 ©️ Oberschneider</li>
                    <li>寂寞的赛车手 ©️ 诗人隆多</li>
                </ul>
            </div>
            <div class="imgModular-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide imgSlide1"></div>
                    <div class="swiper-slide imgSlide2"></div>
                    <div class="swiper-slide imgSlide3"></div>
                </div>
                <div class="grids-point"></div>
            </div>
        </div>
        <div class="grids-item">
            <div class="gird-cell">
                <a href="javascript:;"></a>
                <div class="cell-text">
                    <p>专业级产品</p>
                    <i class="fa fa-chevron-right"></i>
                </div>
            </div>
            <div class="gird-cell">
                <a href="javascript:;"></a>
                <div class="cell-text">
                    <p>行业应用</p>
                    <i class="fa fa-chevron-right"></i>
                </div>
            </div>
        </div>
    </section>
    <!-- ===================grids end=================== -->




    <!-- ===================footer start=================== -->
    <footer>
        <a href="javascript:;" class="backTop">
            <span>回到顶部</span>
            <i class="fa fa-chevron-up"></i>
        </a>
        <ul class="footer-category">
            <li>
                <a href="javascript:;">
                    关于大疆
                    <span></span>
                </a>
                <div class="footer-category-content">
                    <ul>
                        <li><a href="javascript:;">关于我们</a></li>
                        <li><a href="javascript:;">联系我们</a></li>
                        <li><a href="javascript:;">招聘精英</a></li>
                        <li><a href="javascript:;">市场合作</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript:;">
                    热门产品分类
                    <span></span>
                </a>
                <div class="footer-category-content">
                    <ul>
                        <li><a href="javascript:;">消费级</a></li>
                        <li><a href="javascript:;">专业级</a></li>
                        <li><a href="javascript:;">行业及</a></li>
                        <li><a href="javascript:;">系统模块</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript:;">
                    维修计划
                    <span></span>
                </a>
                <div class="footer-category-content">
                    <ul>
                        <li><a href="javascript:;">DJI Care</a></li>
                        <li><a href="javascript:;">Osmo Shield</a></li>
                        <li><a href="javascript:;">DJI Care 随心换</a></li>
                        <li><a href="javascript:;">DJI Care 随心续享</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript:;">
                    购买渠道
                    <span></span>
                </a>
                <div class="footer-category-content">
                    <ul>
                        <li><a href="javascript:;">官方商城</a></li>
                        <li><a href="javascript:;">官方旗舰店</a></li>
                        <li><a href="javascript:;">线上直营店</a></li>
                        <li><a href="javascript:;">授权体验店</a></li>
                        <li><a href="javascript:;">行业应用购买渠道</a></li>
                        <li><a href="javascript:;">农业植保机代理商 </a></li>
                        <li><a href="javascript:;">专业影像代理商</a></li>
                        <li><a href="javascript:;">大疆商城 App</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <div class="footer-info">
            <div class="info-container">
                <div class="subscribe">
                    <p>订阅我们</p>
                    <p>第一时间获得大疆最新动态</p>
                </div>
                <div class="subscribe-input clearfix">
                    <input type="text" placeholder="请输入您的邮箱地址">
                    <a href="javascript:;">
                        <i class="fa fa-angle-right"></i>
                    </a>
                </div>
                <p class="tip" style="opacity: 0;">请输入正确的邮箱地址。</p>
                <ul class="social-list">
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/ead4fc6850bc8dd360e91db867446a68.png"></a>
                    </li>
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/f5dfe97252e119ca61801f67ce282a7a.png"></a>
                    </li>
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/eaf05707d61d6076cd165136b6ab1562.png"></a>
                    </li>
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/d87d3e3507f0e18e9b7adda139b8a822.png"></a>
                    </li>
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/00f9004d2d8cd26afcffe9c5de8ab714.png"></a>
                    </li>
                    <li><a href="javascript:;"><img src="./DJI-Img/footer/8d1b6c04ae6ae090e5e05cc9164c9bd8.png"></a>
                    </li>
                </ul>
                <a href="javascript:;" class="feedback">网站问题反馈</a>
                <p class="copyright">Copyright © 2020 DJI 大疆创新 版权所有</p>
                <ul class="legal">
                    <li>隐私权政策</li>
                    <li>使用条款</li>
                    <li>网站地图</li>
                </ul>
                <p class="record">粤ICP备12022215号</p>
                <p class="ad-desc">本网站直接或间接向消费者推销商品或者服务的商业宣传均属于“广告”（包装及参数、售后保障等商品信息除外）</p>
            </div>
        </div>
    </footer>


    <!-- ===================footer end=================== -->
    <script src="./Swiper/swiper.min.js"></script>
    <script src="./DJI-Android.js" defer></script>
</body>

</html>